<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏 - <?php echo ($config["WEB_SITE_TITLE"]); ?></title>
    <script src="/Public/Home/js/adaptive.js"></script>
    <script src="/Public/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="/Public/Home/css/reset.css">
    <link rel="stylesheet" href="/Public/Home/css/con-header.css">
    <script src="/Public/Home/js/mui.min.js"></script>
    <link href="/Public/Home/css/mui.min.css" rel="stylesheet"/>

    <style>
        h4,h5{margin-top: 0px;margin-bottom: 0px;}
        html{background: #fff;}
        .content{width: 7.5rem;height: auto;margin: 0 auto;margin-top: 0.88rem;background: #fff}
        .bnner{width: 100%;height: 0.8rem;border-bottom: 1px solid #DEDEDE;display: flex;justify-content: space-around;line-height: 0.8rem;color: #333}

        .h-show{color: #19B7BE}
        .hd{width: 100%;height: auto;position: relative}
        .hd ul{width: 100%;height: auto;position: absolute;left: 0px;top: 0px;padding:0.4rem  0.3rem;display: none}
        .hd .hd-list{display: block}
        /*1*/
        /*.hd-list li{width: 100%;height: 2.4rem;border-bottom: 1px solid #DEDEDE;position: relative;margin-bottom: 0.4rem;}*/
        .hd-list li .xin-img{width: 2rem;height: 2.4rem;}
        .hd-list li .t1{position: absolute;left: 2.2rem;top: 0.2rem;height: 0.8rem;line-height: 0.4rem;color: #333;font-size: 0.3rem;}

        .hd-list li .zx-price{position: absolute;left: 2.2rem;top: 1.2rem;height: 0.8rem;;color: #999;font-size: 0.26rem;}
        .hd-list li .zx-price b{font-size: 0.32rem;}
        .hd-list li .xp-bg{position: absolute;left: 2.2rem;bottom: 0.1rem;color: #000;font-size: 0.26rem;}
        .hd-list li .jiezhi{position: absolute;left: 2.3rem;bottom: 0.2rem;color: #fff;font-size: 0.24rem;}
        .hd-list li .didian{position: absolute;top:55%;transform: translateY(-50%);right: 0.3rem;color: #333}
        .hd-list li .tuikuan{position: absolute;width: 1.2rem;height: 0.5rem;text-align: center;line-height: 0.5rem;display: block;
            border: 1px solid #999;right: 0px;bottom: 0.2rem;font-size: 0.24rem;border-radius: 0.5rem;color: #666}
        .hd-list li .queren{position: absolute;width: 1.5rem;height: 0.5rem;text-align: center;line-height: 0.5rem;display: block;
            left: 2.2rem;bottom: 0.2rem;font-size: 0.24rem;border-radius: 0.5rem;color: #fff;background:  -webkit-linear-gradient(left,#015DB8, #01ADB8)}

        /*2*/
        .hd-list li .p1{position: absolute;left: 2.2rem;top: 1.5rem;height: 0.8rem;;color: #999;font-size: 0.26rem;}
        .hd-list li .canyu{position: absolute;left: 2.2rem;top: 1.1rem;height: 0.8rem;;color: #999;font-size: 0.26rem;}
        .hd-list li .p1 b{font-size: 0.32rem;}
        .hd-list li .sc{float: right;position: absolute;bottom: 0.3rem;right: 0.3rem;}
        .hd-list li .sc-3{float: right;;}


        /*3*/
        .hd-list li .suc{position: absolute;bottom:0.2rem;right: 0.3rem;color: #FC6132}
        .hd-list li .tb{position: absolute;top:1rem;left: 2.4rem;color: #FC6132}
        .hd-list li .tb img{width: 0.5rem;height: 0.5rem;margin-right: 0.2rem}
        .hd-list li .name{position: absolute;left: 2.4rem;top: 0.2rem;height: 0.8rem;line-height: 0.4rem;color: #333;font-size: 0.36rem;}
        .hd-list li .zliao-3{position: absolute;left: 2.4rem;bottom: 0.4rem;color: #666}
        .hd-list li .zliao-3 span{margin-right: 0.3rem}


        /*4*/
        .hd-list li .t4{position: absolute;left: 2.2rem;top: 0.8rem;height: 0.8rem;line-height: 0.4rem;color: #333;font-size: 0.36rem;}
        .hd-list li .jifen{position: absolute;left: 2.2rem;top: 1.6rem;color: #FDA78C;font-size: 0.36rem;}
        .hd-list li .sc-4{position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%)}



        .hd-list{width: 100%;height: auto;padding: 0.4rem 0.3rem;}
        .hd-list li:first-child{margin-top: 0rem;}
        .hd-list li a{color: #333}
        .hd-list li{width: 100%;height:3rem;border: 1px solid #DEDEDE;padding: 0.2rem 0.1rem;position: relative;margin-top: 0.3rem}
        .hd-list li p{font-size: 0.32rem;width: 4.5rem;margin-bottom: 0.1rem;color: #333}
        .hd-list li .yingshi{width: 1.5rem;height: 0.5rem;display: block;border: 1px solid #DEDEDE;text-align: center;line-height: 0.5rem;}
        .hd-list li .s1{margin-right: 0.2rem;margin-top: 0.2rem;display: inline-block}
        .hd-list li .s1 img{position: relative;top: 0.05rem}
        .hd-list li .mianyi{color: #FD805A;position: absolute;right: 0.3rem;top: 0.5rem;font-size: 0.36rem}
        .hd-list li nav{height: 1rem;border-top: 1px solid #DEDEDE;line-height: 1rem;margin-top: 0.1rem;}
        .hd-list li nav img{float: right;margin-top: 0.3rem}
    </style>
</head>
<body>
<div class="content">
    <div class="top">
        <h4>我的收藏</h4>
        <span class="back"></span>
    </div>

    <ul class="bnner">
        <li class="h-show">通告</li>
        <li>活动</li>
        <li>童星</li>
        <li>商品</li>
    </ul>

    <div class="hd">
        <ul class="hd-list">
                <li>
                    <a href="p-tg-detils.html">
                    <p class="danhang">40集大型电视连续剧招募小演员40集大型电视连续剧招募小演员</p>
                    <span class="yingshi">影视资讯</span>
                    <span class="s1"><img src=/Public/Home/"img/tg-dw.png" alt="" > &nbsp;全国</span>
                    <span class="s1"> <img src=/Public/Home/"img/tg-time.png" alt="" > &nbsp;剩余30天截止报名</span>
                    <span class="mianyi">面议</span>
                    <nav>
                        已报名 <b>4</b>人
                        <img src=/Public/Home/"img/sc1.1%20.png" alt="">
                    </nav>

                    </a>
                </li>
        </ul>

        <ul>
            <li>
                <img src=/Public/Home/"img/zuixin.png" alt="" class="xin-img">
                <p class="duohang t1">香港拓展活动7天6夜正在火爆招募中香港拓展活动7天6夜正在火爆招募中香港拓展活动7天6夜正在火爆招募中</p>
                <span class=" p1"><b>￥3699.00 </b>起</span>
                <span class="didian">全国</span>
                <span class="queren">15天后截止</span>

                    <img src=/Public/Home/"img/sc1.1%20.png" alt="" class="sc">

            </li>
        </ul>
        <ul>
            <li>
                <img src=/Public/Home/"img/zuixin.png" alt="" class="xin-img">
                <p class="name">小演员姓名</p>
                <img src=/Public/Home/"img/sc1.1%20.png" alt="" class="sc-3">
                <p class="tb"><img src=/Public/Home/"img/h-tubiao1.png" alt=""><img src=/Public/Home/"img/h-tubiao2.png" alt=""></p>
                <p class="zliao-3">
                    <span>8岁</span>
                    <span>136cm</span>
                    <span>65kg</span>
                </p>

            </li>
        </ul>
        <ul>
            <li>
                <img src=/Public/Home/"img/zuixin.png" alt="" class="xin-img">
                <p class="t4">香港拓展</p>
                <img src=/Public/Home/"img/sc1.1%20.png" alt="" class="sc-4">
                <span class="jifen">1000积分</span>

            </li>
            <li>
                <img src=/Public/Home/"img/zuixin.png" alt="" class="xin-img">
                <p class="t4">香港拓展</p>
                <img src=/Public/Home/"img/sc1.1%20.png" alt="" class="sc-4">
                <span class="jifen">1000积分</span>

            </li>
        </ul>
    </div>





</div>

<script src="/Public/Home/js/jquery-1.11.1.js"></script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
    })
    $(".bnner li").click(function () {
        $(this).addClass("h-show").siblings().removeClass();
        let num = $(this).index();
        $(".hd ul").eq(num).addClass("hd-list").siblings().removeClass();
    })



</script>
</body>
</html>